<template>
  <div id="page-follows" class="wrapper clearfix master">
    <div page="fans" class="clearfix col-full">
      <div class="follow-main">
        <div class="follow-content section">
          <div class="content" style="padding-bottom: 10px;">
            <ul class="relation-list">
              <li class="list-item clearfix">
                <div class="follow-select" style="display: none;">
                  <div class="icon icon-follow-watched"></div>
                </div>
                <div class="cover-container"><a href="//space.bilibili.com/142795592" target="_blank"
                                                class="up-cover-components">
                  <div class="bili-avatar" style="width: 100%;height:100%;">

                    <img class="bili-avatar-img bili-avatar-face bili-avatar-img-radius"
                         data-src="//i2.hdslb.com/bfs/face/e5fcad2ddace13c39587926a4d4db0c4089bde40.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif"
                         alt=""
                         src="//i2.hdslb.com/bfs/face/e5fcad2ddace13c39587926a4d4db0c4089bde40.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif">


                    <span class="bili-avatar-icon bili-avatar-right-icon  "></span>
                  </div>
                </a></div>
                <div class="content"><a href="//space.bilibili.com/142795592/" target="_blank" class="title">
                  <!----><span class="fans-name">宋狗蛋jojo</span></a>
                  <p title="这个人很懒，什么都写了" class="desc">
                    这个人很懒，什么都写了
                  </p>
                  <div class="fans-action">
                    <div class="fans-action-btn follow"><i class="icon-back-follow grey"></i><span
                        class="fans-action-text">关注</span></div>
                    <div class="be-dropdown">
                      <div class="be-dropdown-trigger"><i title="更多操作" class="iconfont icon-ic_more"></i></div>
                      <ul class="be-dropdown-menu menu-align-"
                          style="left: 0px; top: 0px; transform-origin: center top; display: none;">
                        <li class="be-dropdown-item"><a target="_blank"
                                                        href="//message.bilibili.com/#whisper/mid142795592">发消息</a>
                        </li>
                        <li class="be-dropdown-item">移除粉丝</li><!----><!----></ul>
                    </div>
                  </div>
                </div>
              </li>
              <li class="list-item clearfix">
                <div class="follow-select" style="display: none;">
                  <div class="icon icon-follow-watched"></div>
                </div>
                <div class="cover-container"><a href="//space.bilibili.com/283666032" target="_blank"
                                                class="up-cover-components">
                  <div class="bili-avatar" style="width: 100%;height:100%;">

                    <img class="bili-avatar-img bili-avatar-face bili-avatar-img-radius"
                         data-src="//i0.hdslb.com/bfs/face/d5ca6b0bf51ac808ebe36722c4de2c0961a00a2d.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif"
                         alt=""
                         src="//i0.hdslb.com/bfs/face/d5ca6b0bf51ac808ebe36722c4de2c0961a00a2d.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif">


                    <span class="bili-avatar-icon bili-avatar-right-icon  "></span>
                  </div>
                </a></div>
                <div class="content"><a href="//space.bilibili.com/283666032/" target="_blank" class="title">
                  <!----><span class="fans-name">RIUTOU</span></a>
                  <p title="这个人没有填简介啊~~~" class="desc">
                    这个人没有填简介啊~~~
                  </p>
                  <div class="fans-action">
                    <div class="fans-action-btn follow"><i class="icon-back-follow grey"></i><span
                        class="fans-action-text">关注</span></div>
                    <div class="be-dropdown">
                      <div class="be-dropdown-trigger"><i title="更多操作" class="iconfont icon-ic_more"></i></div>
                      <ul class="be-dropdown-menu menu-align-"
                          style="left: 1474px; top: 370px; transform-origin: center top; display: none;">
                        <li class="be-dropdown-item"><a target="_blank"
                                                        href="//message.bilibili.com/#whisper/mid283666032">发消息</a>
                        </li>
                        <li class="be-dropdown-item">移除粉丝</li><!----><!----></ul>
                    </div>
                  </div>
                </div>
              </li>
              <li class="list-item clearfix">
                <div class="follow-select" style="display: none;">
                  <div class="icon icon-follow-watched"></div>
                </div>
                <div class="cover-container"><a href="//space.bilibili.com/21648586" target="_blank"
                                                class="up-cover-components">
                  <div class="bili-avatar" style="width: 100%;height:100%;">

                    <img class="bili-avatar-img bili-avatar-face bili-avatar-img-radius"
                         data-src="//i1.hdslb.com/bfs/face/dfe77fd9fb029011dbdde35e6960f652ead8ee84.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif"
                         alt=""
                         src="//i1.hdslb.com/bfs/face/dfe77fd9fb029011dbdde35e6960f652ead8ee84.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif">


                    <span class="bili-avatar-icon bili-avatar-right-icon  "></span>
                  </div>
                </a></div>
                <div class="content"><a href="//space.bilibili.com/21648586/" target="_blank" class="title">
                  <!----><span class="fans-name" style="color: rgb(251, 114, 153);">二慧与乔治</span></a>
                  <p title="这个人没有填简介啊~~~" class="desc">
                    这个人没有填简介啊~~~
                  </p>
                  <div class="fans-action">
                    <div class="fans-action-btn follow"><i class="icon-back-follow grey"></i><span
                        class="fans-action-text">关注</span></div>
                    <div class="be-dropdown">
                      <div class="be-dropdown-trigger"><i title="更多操作" class="iconfont icon-ic_more"></i></div>
                      <ul class="be-dropdown-menu menu-align-"
                          style="left: 0px; top: 0px; transform-origin: center top; display: none;">
                        <li class="be-dropdown-item"><a target="_blank"
                                                        href="//message.bilibili.com/#whisper/mid21648586">发消息</a>
                        </li>
                        <li class="be-dropdown-item">移除粉丝</li><!----><!----></ul>
                    </div>
                  </div>
                </div>
              </li>
              <li class="list-item clearfix">
                <div class="follow-select" style="display: none;">
                  <div class="icon icon-follow-watched"></div>
                </div>
                <div class="cover-container"><a href="//space.bilibili.com/387315380" target="_blank"
                                                class="up-cover-components">
                  <div class="bili-avatar" style="width: 100%;height:100%;">

                    <img class="bili-avatar-img bili-avatar-face bili-avatar-img-radius"
                         data-src="//i0.hdslb.com/bfs/face/member/noface.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif"
                         alt=""
                         src="//i0.hdslb.com/bfs/face/member/noface.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif">


                    <span class="bili-avatar-icon bili-avatar-right-icon  "></span>
                  </div>
                </a></div>
                <div class="content"><a href="//space.bilibili.com/387315380/" target="_blank" class="title">
                  <!----><span class="fans-name" style="color: rgb(251, 114, 153);">76000583540_bili</span></a>
                  <p title="这个人没有填简介啊~~~" class="desc">
                    这个人没有填简介啊~~~
                  </p>
                  <div class="fans-action">
                    <div class="fans-action-btn follow"><i class="icon-back-follow grey"></i><span
                        class="fans-action-text">关注</span></div>
                    <div class="be-dropdown">
                      <div class="be-dropdown-trigger"><i title="更多操作" class="iconfont icon-ic_more"></i></div>
                      <ul class="be-dropdown-menu menu-align-"
                          style="left: 0px; top: 0px; transform-origin: center top; display: none;">
                        <li class="be-dropdown-item"><a target="_blank"
                                                        href="//message.bilibili.com/#whisper/mid387315380">发消息</a>
                        </li>
                        <li class="be-dropdown-item">移除粉丝</li><!----><!----></ul>
                    </div>
                  </div>
                </div>
              </li>
              <li class="list-item clearfix">
                <div class="follow-select" style="display: none;">
                  <div class="icon icon-follow-watched"></div>
                </div>
                <div class="cover-container"><a href="//space.bilibili.com/454309662" target="_blank"
                                                class="up-cover-components">
                  <div class="bili-avatar" style="width: 100%;height:100%;">

                    <img class="bili-avatar-img bili-avatar-face bili-avatar-img-radius"
                         data-src="//i0.hdslb.com/bfs/face/e1b90070c6a3ec7e5ee0248b8124b39488e741ee.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif"
                         alt=""
                         src="//i0.hdslb.com/bfs/face/e1b90070c6a3ec7e5ee0248b8124b39488e741ee.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif">


                    <span class="bili-avatar-icon bili-avatar-right-icon  "></span>
                  </div>
                </a></div>
                <div class="content"><a href="//space.bilibili.com/454309662/" target="_blank" class="title">
                  <!----><span class="fans-name">HanQin8</span></a>
                  <p title="这个人没有填简介啊~~~" class="desc">
                    这个人没有填简介啊~~~
                  </p>
                  <div class="fans-action">
                    <div class="fans-action-btn follow"><i class="icon-back-follow grey"></i><span
                        class="fans-action-text">关注</span></div>
                    <div class="be-dropdown">
                      <div class="be-dropdown-trigger"><i title="更多操作" class="iconfont icon-ic_more"></i></div>
                      <ul class="be-dropdown-menu menu-align-"
                          style="left: 0px; top: 0px; transform-origin: center top; display: none;">
                        <li class="be-dropdown-item"><a target="_blank"
                                                        href="//message.bilibili.com/#whisper/mid454309662">发消息</a>
                        </li>
                        <li class="be-dropdown-item">移除粉丝</li><!----><!----></ul>
                    </div>
                  </div>
                </div>
              </li>
              <li class="list-item clearfix">
                <div class="follow-select" style="display: none;">
                  <div class="icon icon-follow-watched"></div>
                </div>
                <div class="cover-container"><a href="//space.bilibili.com/524632997" target="_blank"
                                                class="up-cover-components">
                  <div class="bili-avatar" style="width: 100%;height:100%;">

                    <img class="bili-avatar-img bili-avatar-face bili-avatar-img-radius"
                         data-src="//i0.hdslb.com/bfs/face/member/noface.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif"
                         alt=""
                         src="//i0.hdslb.com/bfs/face/member/noface.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif">


                    <span class="bili-avatar-icon bili-avatar-right-icon  "></span>
                  </div>
                </a></div>
                <div class="content"><a href="//space.bilibili.com/524632997/" target="_blank" class="title">
                  <!----><span class="fans-name">bili_88490416808</span></a>
                  <p title="这个人没有填简介啊~~~" class="desc">
                    这个人没有填简介啊~~~
                  </p>
                  <div class="fans-action">
                    <div class="fans-action-btn follow"><i class="icon-back-follow grey"></i><span
                        class="fans-action-text">关注</span></div>
                    <div class="be-dropdown">
                      <div class="be-dropdown-trigger"><i title="更多操作" class="iconfont icon-ic_more"></i></div>
                      <ul class="be-dropdown-menu menu-align-"
                          style="left: 1474px; top: 478px; transform-origin: center top; display: none;">
                        <li class="be-dropdown-item"><a target="_blank"
                                                        href="//message.bilibili.com/#whisper/mid524632997">发消息</a>
                        </li>
                        <li class="be-dropdown-item">移除粉丝</li><!----><!----></ul>
                    </div>
                  </div>
                </div>
              </li>
              <li class="list-item clearfix">
                <div class="follow-select" style="display: none;">
                  <div class="icon icon-follow-watched"></div>
                </div>
                <div class="cover-container"><a href="//space.bilibili.com/650997261" target="_blank"
                                                class="up-cover-components">
                  <div class="bili-avatar" style="width: 100%;height:100%;">

                    <img class="bili-avatar-img bili-avatar-face bili-avatar-img-radius"
                         data-src="//i0.hdslb.com/bfs/face/678febeb62480fff0185e556b14140940eed734d.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif"
                         alt=""
                         src="//i0.hdslb.com/bfs/face/678febeb62480fff0185e556b14140940eed734d.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif">


                    <span class="bili-avatar-icon bili-avatar-right-icon  "></span>
                  </div>
                </a></div>
                <div class="content"><a href="//space.bilibili.com/650997261/" target="_blank" class="title">
                  <!----><span class="fans-name">卷柏J</span></a>
                  <p title="这个人没有填简介啊~~~" class="desc">
                    这个人没有填简介啊~~~
                  </p>
                  <div class="fans-action">
                    <div class="fans-action-btn follow"><i class="icon-back-follow grey"></i><span
                        class="fans-action-text">关注</span></div>
                    <div class="be-dropdown">
                      <div class="be-dropdown-trigger"><i title="更多操作" class="iconfont icon-ic_more"></i></div>
                      <ul class="be-dropdown-menu menu-align-"
                          style="left: 0px; top: 0px; transform-origin: center top; display: none;">
                        <li class="be-dropdown-item"><a target="_blank"
                                                        href="//message.bilibili.com/#whisper/mid650997261">发消息</a>
                        </li>
                        <li class="be-dropdown-item">移除粉丝</li><!----><!----></ul>
                    </div>
                  </div>
                </div>
              </li>
              <li class="list-item clearfix">
                <div class="follow-select" style="display: none;">
                  <div class="icon icon-follow-watched"></div>
                </div>
                <div class="cover-container"><a href="//space.bilibili.com/43741755" target="_blank"
                                                class="up-cover-components">
                  <div class="bili-avatar" style="width: 100%;height:100%;">

                    <img class="bili-avatar-img bili-avatar-face bili-avatar-img-radius"
                         data-src="//i0.hdslb.com/bfs/face/f9b3e2cfd4f1dca2f889f7cd4de81f1caff53016.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif"
                         alt=""
                         src="//i0.hdslb.com/bfs/face/f9b3e2cfd4f1dca2f889f7cd4de81f1caff53016.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif">


                    <span class="bili-avatar-icon bili-avatar-right-icon  "></span>
                  </div>
                </a></div>
                <div class="content"><a href="//space.bilibili.com/43741755/" target="_blank" class="title">
                  <!----><span class="fans-name">syea-c</span></a>
                  <p title="这个人没有填简介啊~~~" class="desc">
                    这个人没有填简介啊~~~
                  </p>
                  <div class="fans-action">
                    <div class="fans-action-btn follow"><i class="icon-back-follow grey"></i><span
                        class="fans-action-text">关注</span></div>
                    <div class="be-dropdown">
                      <div class="be-dropdown-trigger"><i title="更多操作" class="iconfont icon-ic_more"></i></div>
                      <ul class="be-dropdown-menu menu-align-"
                          style="left: 0px; top: 0px; transform-origin: center top; display: none;">
                        <li class="be-dropdown-item"><a target="_blank"
                                                        href="//message.bilibili.com/#whisper/mid43741755">发消息</a>
                        </li>
                        <li class="be-dropdown-item">移除粉丝</li><!----><!----></ul>
                    </div>
                  </div>
                </div>
              </li>
              <li class="list-item clearfix">
                <div class="follow-select" style="display: none;">
                  <div class="icon icon-follow-watched"></div>
                </div>
                <div class="cover-container"><a href="//space.bilibili.com/251370385" target="_blank"
                                                class="up-cover-components">
                  <div class="bili-avatar" style="width: 100%;height:100%;">

                    <img class="bili-avatar-img bili-avatar-face bili-avatar-img-radius"
                         data-src="//i0.hdslb.com/bfs/face/member/noface.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif"
                         alt=""
                         src="//i0.hdslb.com/bfs/face/member/noface.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif">


                    <span class="bili-avatar-icon bili-avatar-right-icon  "></span>
                  </div>
                </a></div>
                <div class="content"><a href="//space.bilibili.com/251370385/" target="_blank" class="title">
                  <!----><span class="fans-name">runingdream</span></a>
                  <p title="这个人没有填简介啊~~~" class="desc">
                    这个人没有填简介啊~~~
                  </p>
                  <div class="fans-action">
                    <div class="fans-action-btn follow"><i class="icon-back-follow grey"></i><span
                        class="fans-action-text">关注</span></div>
                    <div class="be-dropdown">
                      <div class="be-dropdown-trigger"><i title="更多操作" class="iconfont icon-ic_more"></i></div>
                      <ul class="be-dropdown-menu menu-align-"
                          style="left: 0px; top: 0px; transform-origin: center top; display: none;">
                        <li class="be-dropdown-item"><a target="_blank"
                                                        href="//message.bilibili.com/#whisper/mid251370385">发消息</a>
                        </li>
                        <li class="be-dropdown-item">移除粉丝</li><!----><!----></ul>
                    </div>
                  </div>
                </div>
              </li>
              <li class="list-item clearfix">
                <div class="follow-select" style="display: none;">
                  <div class="icon icon-follow-watched"></div>
                </div>
                <div class="cover-container"><a href="//space.bilibili.com/385705553" target="_blank"
                                                class="up-cover-components">
                  <div class="bili-avatar" style="width: 100%;height:100%;">

                    <img class="bili-avatar-img bili-avatar-face bili-avatar-img-radius"
                         data-src="//i0.hdslb.com/bfs/face/member/noface.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif"
                         alt=""
                         src="//i0.hdslb.com/bfs/face/member/noface.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif">


                    <span class="bili-avatar-icon bili-avatar-right-icon  "></span>
                  </div>
                </a></div>
                <div class="content"><a href="//space.bilibili.com/385705553/" target="_blank" class="title">
                  <!----><span class="fans-name">wuhongyou</span></a>
                  <p title="这个人没有填简介啊~~~" class="desc">
                    这个人没有填简介啊~~~
                  </p>
                  <div class="fans-action">
                    <div class="fans-action-btn follow"><i class="icon-back-follow grey"></i><span
                        class="fans-action-text">关注</span></div>
                    <div class="be-dropdown">
                      <div class="be-dropdown-trigger"><i title="更多操作" class="iconfont icon-ic_more"></i></div>
                      <ul class="be-dropdown-menu menu-align-"
                          style="left: 0px; top: 0px; transform-origin: center top; display: none;">
                        <li class="be-dropdown-item"><a target="_blank"
                                                        href="//message.bilibili.com/#whisper/mid385705553">发消息</a>
                        </li>
                        <li class="be-dropdown-item">移除粉丝</li><!----><!----></ul>
                    </div>
                  </div>
                </div>
              </li>
              <li class="list-item clearfix">
                <div class="follow-select" style="display: none;">
                  <div class="icon icon-follow-watched"></div>
                </div>
                <div class="cover-container"><a href="//space.bilibili.com/267274003" target="_blank"
                                                class="up-cover-components">
                  <div class="bili-avatar" style="width: 100%;height:100%;">

                    <img class="bili-avatar-img bili-avatar-face bili-avatar-img-radius"
                         data-src="//i2.hdslb.com/bfs/face/fe45de3e1bb7620abe5c3d4ca613dd2db2da0302.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif"
                         alt="">


                    <span class="bili-avatar-icon bili-avatar-right-icon  "></span>
                  </div>
                </a></div>
                <div class="content"><a href="//space.bilibili.com/267274003/" target="_blank" class="title">
                  <!----><span class="fans-name" style="color: rgb(251, 114, 153);">Mobano</span></a>
                  <p title="这个人没有填简介啊~~~" class="desc">
                    这个人没有填简介啊~~~
                  </p>
                  <div class="fans-action">
                    <div class="fans-action-btn follow"><i class="icon-back-follow grey"></i><span
                        class="fans-action-text">关注</span></div>
                    <div class="be-dropdown">
                      <div class="be-dropdown-trigger"><i title="更多操作" class="iconfont icon-ic_more"></i></div>
                      <ul class="be-dropdown-menu menu-align-"
                          style="left: 0px; top: 0px; transform-origin: center top; display: none;">
                        <li class="be-dropdown-item"><a target="_blank"
                                                        href="//message.bilibili.com/#whisper/mid267274003">发消息</a>
                        </li>
                        <li class="be-dropdown-item">移除粉丝</li><!----><!----></ul>
                    </div>
                  </div>
                </div>
              </li>
              <li class="list-item clearfix">
                <div class="follow-select" style="display: none;">
                  <div class="icon icon-follow-watched"></div>
                </div>
                <div class="cover-container"><a href="//space.bilibili.com/475886856" target="_blank"
                                                class="up-cover-components">
                  <div class="bili-avatar" style="width: 100%;height:100%;">

                    <img class="bili-avatar-img bili-avatar-face bili-avatar-img-radius"
                         data-src="//i0.hdslb.com/bfs/face/member/noface.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif"
                         alt="">


                    <span class="bili-avatar-icon bili-avatar-right-icon  "></span>
                  </div>
                </a></div>
                <div class="content"><a href="//space.bilibili.com/475886856/" target="_blank" class="title">
                  <!----><span class="fans-name">笑对明天你可以</span></a>
                  <p title="这个人没有填简介啊~~~" class="desc">
                    这个人没有填简介啊~~~
                  </p>
                  <div class="fans-action">
                    <div class="fans-action-btn follow"><i class="icon-back-follow grey"></i><span
                        class="fans-action-text">关注</span></div>
                    <div class="be-dropdown">
                      <div class="be-dropdown-trigger"><i title="更多操作" class="iconfont icon-ic_more"></i></div>
                      <ul class="be-dropdown-menu menu-align-"
                          style="left: 0px; top: 0px; transform-origin: center top; display: none;">
                        <li class="be-dropdown-item"><a target="_blank"
                                                        href="//message.bilibili.com/#whisper/mid475886856">发消息</a>
                        </li>
                        <li class="be-dropdown-item">移除粉丝</li><!----><!----></ul>
                    </div>
                  </div>
                </div>
              </li>
              <li class="list-item clearfix">
                <div class="follow-select" style="display: none;">
                  <div class="icon icon-follow-watched"></div>
                </div>
                <div class="cover-container"><a href="//space.bilibili.com/470520792" target="_blank"
                                                class="up-cover-components">
                  <div class="bili-avatar" style="width: 100%;height:100%;">

                    <img class="bili-avatar-img bili-avatar-face bili-avatar-img-radius"
                         data-src="//i0.hdslb.com/bfs/face/member/noface.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif"
                         alt="">


                    <span class="bili-avatar-icon bili-avatar-right-icon  "></span>
                  </div>
                </a></div>
                <div class="content"><a href="//space.bilibili.com/470520792/" target="_blank" class="title">
                  <!----><span class="fans-name">YangShulin76</span></a>
                  <p title="这个人没有填简介啊~~~" class="desc">
                    这个人没有填简介啊~~~
                  </p>
                  <div class="fans-action">
                    <div class="fans-action-btn follow"><i class="icon-back-follow grey"></i><span
                        class="fans-action-text">关注</span></div>
                    <div class="be-dropdown">
                      <div class="be-dropdown-trigger"><i title="更多操作" class="iconfont icon-ic_more"></i></div>
                      <ul class="be-dropdown-menu menu-align-"
                          style="left: 0px; top: 0px; transform-origin: center top; display: none;">
                        <li class="be-dropdown-item"><a target="_blank"
                                                        href="//message.bilibili.com/#whisper/mid470520792">发消息</a>
                        </li>
                        <li class="be-dropdown-item">移除粉丝</li><!----><!----></ul>
                    </div>
                  </div>
                </div>
              </li>
              <li class="list-item clearfix">
                <div class="follow-select" style="display: none;">
                  <div class="icon icon-follow-watched"></div>
                </div>
                <div class="cover-container"><a href="//space.bilibili.com/95158674" target="_blank"
                                                class="up-cover-components">
                  <div class="bili-avatar" style="width: 100%;height:100%;">

                    <img class="bili-avatar-img bili-avatar-face bili-avatar-img-radius"
                         data-src="//i0.hdslb.com/bfs/face/6147687e361b822b5c9499bf6fe87b050bad1fb4.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif"
                         alt="">


                    <span class="bili-avatar-icon bili-avatar-right-icon  "></span>
                  </div>
                </a></div>
                <div class="content"><a href="//space.bilibili.com/95158674/" target="_blank" class="title">
                  <!----><span class="fans-name">今年过4级</span></a>
                  <p title="这个人没有填简介啊~~~" class="desc">
                    这个人没有填简介啊~~~
                  </p>
                  <div class="fans-action">
                    <div class="fans-action-btn follow"><i class="icon-back-follow grey"></i><span
                        class="fans-action-text">关注</span></div>
                    <div class="be-dropdown">
                      <div class="be-dropdown-trigger"><i title="更多操作" class="iconfont icon-ic_more"></i></div>
                      <ul class="be-dropdown-menu menu-align-"
                          style="left: 0px; top: 0px; transform-origin: center top; display: none;">
                        <li class="be-dropdown-item"><a target="_blank"
                                                        href="//message.bilibili.com/#whisper/mid95158674">发消息</a>
                        </li>
                        <li class="be-dropdown-item">移除粉丝</li><!----><!----></ul>
                    </div>
                  </div>
                </div>
              </li>
              <li class="list-item clearfix">
                <div class="follow-select" style="display: none;">
                  <div class="icon icon-follow-watched"></div>
                </div>
                <div class="cover-container"><a href="//space.bilibili.com/1542564256" target="_blank"
                                                class="up-cover-components">
                  <div class="bili-avatar" style="width: 100%;height:100%;">

                    <img class="bili-avatar-img bili-avatar-face bili-avatar-img-radius"
                         data-src="//i1.hdslb.com/bfs/face/7e2d81a3bcdc8f661cbfdc689e5402a63fe70992.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif"
                         alt="">


                    <span class="bili-avatar-icon bili-avatar-right-icon  "></span>
                  </div>
                </a></div>
                <div class="content"><a href="//space.bilibili.com/1542564256/" target="_blank" class="title">
                  <!----><span class="fans-name">N四块五</span></a>
                  <p title="这个人没有填简介啊~~~" class="desc">
                    这个人没有填简介啊~~~
                  </p>
                  <div class="fans-action">
                    <div class="fans-action-btn follow"><i class="icon-back-follow grey"></i><span
                        class="fans-action-text">关注</span></div>
                    <div class="be-dropdown">
                      <div class="be-dropdown-trigger"><i title="更多操作" class="iconfont icon-ic_more"></i></div>
                      <ul class="be-dropdown-menu menu-align-"
                          style="left: 0px; top: 0px; transform-origin: center top; display: none;">
                        <li class="be-dropdown-item"><a target="_blank"
                                                        href="//message.bilibili.com/#whisper/mid1542564256">发消息</a>
                        </li>
                        <li class="be-dropdown-item">移除粉丝</li><!----><!----></ul>
                    </div>
                  </div>
                </div>
              </li>
              <li class="list-item clearfix">
                <div class="follow-select" style="display: none;">
                  <div class="icon icon-follow-watched"></div>
                </div>
                <div class="cover-container"><a href="//space.bilibili.com/500737826" target="_blank"
                                                class="up-cover-components">
                  <div class="bili-avatar" style="width: 100%;height:100%;">

                    <img class="bili-avatar-img bili-avatar-face bili-avatar-img-radius"
                         data-src="//i0.hdslb.com/bfs/face/member/noface.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif"
                         alt="">


                    <span class="bili-avatar-icon bili-avatar-right-icon  "></span>
                  </div>
                </a></div>
                <div class="content"><a href="//space.bilibili.com/500737826/" target="_blank" class="title">
                  <!----><span class="fans-name">大战时代</span></a>
                  <p title="这个人没有填简介啊~~~" class="desc">
                    这个人没有填简介啊~~~
                  </p>
                  <div class="fans-action">
                    <div class="fans-action-btn follow"><i class="icon-back-follow grey"></i><span
                        class="fans-action-text">关注</span></div>
                    <div class="be-dropdown">
                      <div class="be-dropdown-trigger"><i title="更多操作" class="iconfont icon-ic_more"></i></div>
                      <ul class="be-dropdown-menu menu-align-"
                          style="left: 0px; top: 0px; transform-origin: center top; display: none;">
                        <li class="be-dropdown-item"><a target="_blank"
                                                        href="//message.bilibili.com/#whisper/mid500737826">发消息</a>
                        </li>
                        <li class="be-dropdown-item">移除粉丝</li><!----><!----></ul>
                    </div>
                  </div>
                </div>
              </li>
              <li class="list-item clearfix">
                <div class="follow-select" style="display: none;">
                  <div class="icon icon-follow-watched"></div>
                </div>
                <div class="cover-container"><a href="//space.bilibili.com/309878633" target="_blank"
                                                class="up-cover-components">
                  <div class="bili-avatar" style="width: 100%;height:100%;">

                    <img class="bili-avatar-img bili-avatar-face bili-avatar-img-radius"
                         data-src="//i0.hdslb.com/bfs/face/member/noface.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif"
                         alt="">


                    <span class="bili-avatar-icon bili-avatar-right-icon  "></span>
                  </div>
                </a></div>
                <div class="content"><a href="//space.bilibili.com/309878633/" target="_blank" class="title">
                  <!----><span class="fans-name">DaNiPiPi521</span></a>
                  <p title="这个人没有填简介啊~~~" class="desc">
                    这个人没有填简介啊~~~
                  </p>
                  <div class="fans-action">
                    <div class="fans-action-btn follow"><i class="icon-back-follow grey"></i><span
                        class="fans-action-text">关注</span></div>
                    <div class="be-dropdown">
                      <div class="be-dropdown-trigger"><i title="更多操作" class="iconfont icon-ic_more"></i></div>
                      <ul class="be-dropdown-menu menu-align-"
                          style="left: 0px; top: 0px; transform-origin: center top; display: none;">
                        <li class="be-dropdown-item"><a target="_blank"
                                                        href="//message.bilibili.com/#whisper/mid309878633">发消息</a>
                        </li>
                        <li class="be-dropdown-item">移除粉丝</li><!----><!----></ul>
                    </div>
                  </div>
                </div>
              </li>
              <li class="list-item clearfix">
                <div class="follow-select" style="display: none;">
                  <div class="icon icon-follow-watched"></div>
                </div>
                <div class="cover-container"><a href="//space.bilibili.com/526701314" target="_blank"
                                                class="up-cover-components">
                  <div class="bili-avatar" style="width: 100%;height:100%;">

                    <img class="bili-avatar-img bili-avatar-face bili-avatar-img-radius"
                         data-src="//i2.hdslb.com/bfs/face/ae27a9e041633f20e66b65f4c0978aac389b3d1c.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif"
                         alt="">


                    <span class="bili-avatar-icon bili-avatar-right-icon  "></span>
                  </div>
                </a></div>
                <div class="content"><a href="//space.bilibili.com/526701314/" target="_blank" class="title">
                  <!----><span class="fans-name" style="color: rgb(251, 114, 153);">你猜20222</span></a>
                  <p title="这个人没有填简介啊~~~" class="desc">
                    这个人没有填简介啊~~~
                  </p>
                  <div class="fans-action">
                    <div class="fans-action-btn follow"><i class="icon-back-follow grey"></i><span
                        class="fans-action-text">关注</span></div>
                    <div class="be-dropdown">
                      <div class="be-dropdown-trigger"><i title="更多操作" class="iconfont icon-ic_more"></i></div>
                      <ul class="be-dropdown-menu menu-align-"
                          style="left: 0px; top: 0px; transform-origin: center top; display: none;">
                        <li class="be-dropdown-item"><a target="_blank"
                                                        href="//message.bilibili.com/#whisper/mid526701314">发消息</a>
                        </li>
                        <li class="be-dropdown-item">移除粉丝</li><!----><!----></ul>
                    </div>
                  </div>
                </div>
              </li>
              <li class="list-item clearfix">
                <div class="follow-select" style="display: none;">
                  <div class="icon icon-follow-watched"></div>
                </div>
                <div class="cover-container"><a href="//space.bilibili.com/26895597" target="_blank"
                                                class="up-cover-components">
                  <div class="bili-avatar" style="width: 100%;height:100%;">

                    <img class="bili-avatar-img bili-avatar-face bili-avatar-img-radius"
                         data-src="//i0.hdslb.com/bfs/face/b97a423738909a6843046038056766e6f084bb8d.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif"
                         alt="">


                    <span class="bili-avatar-icon bili-avatar-right-icon  "></span>
                  </div>
                </a></div>
                <div class="content"><a href="//space.bilibili.com/26895597/" target="_blank" class="title">
                  <!----><span class="fans-name">bilibiba丶</span></a>
                  <p title="这个人没有填简介啊~~~" class="desc">
                    这个人没有填简介啊~~~
                  </p>
                  <div class="fans-action">
                    <div class="fans-action-btn follow"><i class="icon-back-follow grey"></i><span
                        class="fans-action-text">关注</span></div>
                    <div class="be-dropdown">
                      <div class="be-dropdown-trigger"><i title="更多操作" class="iconfont icon-ic_more"></i></div>
                      <ul class="be-dropdown-menu menu-align-"
                          style="left: 0px; top: 0px; transform-origin: center top; display: none;">
                        <li class="be-dropdown-item"><a target="_blank"
                                                        href="//message.bilibili.com/#whisper/mid26895597">发消息</a>
                        </li>
                        <li class="be-dropdown-item">移除粉丝</li><!----><!----></ul>
                    </div>
                  </div>
                </div>
              </li>
              <li class="list-item clearfix">
                <div class="follow-select" style="display: none;">
                  <div class="icon icon-follow-watched"></div>
                </div>
                <div class="cover-container"><a href="//space.bilibili.com/493803977" target="_blank"
                                                class="up-cover-components">
                  <div class="bili-avatar" style="width: 100%;height:100%;">

                    <img class="bili-avatar-img bili-avatar-face bili-avatar-img-radius"
                         data-src="//i2.hdslb.com/bfs/face/84fe2143f5916154c538789f4ca158f242dd6857.jpg@96w_96h_1c_1s_!web-avatar-space-list.avif"
                         alt="">


                    <span class="bili-avatar-icon bili-avatar-right-icon  "></span>
                  </div>
                </a></div>
                <div class="content"><a href="//space.bilibili.com/493803977/" target="_blank" class="title">
                  <!----><span class="fans-name">柑蓝cxy</span></a>
                  <p title="这个人没有填简介啊~~~" class="desc">
                    这个人没有填简介啊~~~
                  </p>
                  <div class="fans-action">
                    <div class="fans-action-btn follow"><i class="icon-back-follow grey"></i><span
                        class="fans-action-text">关注</span></div>
                    <div class="be-dropdown">
                      <div class="be-dropdown-trigger"><i title="更多操作" class="iconfont icon-ic_more"></i></div>
                      <ul class="be-dropdown-menu menu-align-"
                          style="left: 0px; top: 0px; transform-origin: center top; display: none;">
                        <li class="be-dropdown-item"><a target="_blank"
                                                        href="//message.bilibili.com/#whisper/mid493803977">发消息</a>
                        </li>
                        <li class="be-dropdown-item">移除粉丝</li><!----><!----></ul>
                    </div>
                  </div>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="modal-container blacklist-modal" style="display: none;">
        <div class="modal-mask"></div>
        <div class="modal-wrapper">
          <div class="modal">
            <div class="modal-header"><i class="modal-header-close iconfont icon-ic_close"></i>
              <div class="modal-title">
                确认弹窗
              </div>
            </div>
            <div class="modal-body"><p class="content-text"></p><!----><p class="content-tip"></p></div>
            <div data-v-1ea3cefa="" class="btn-container modal-footer btn-center"><!----><a data-v-53027a10=""
                                                                                            class="btn primary"
                                                                                            data-v-1ea3cefa=""><!----><span
                data-v-53027a10="" class="btn-content">确定</span></a><a data-v-53027a10="" class="btn default"
                                                                       data-v-1ea3cefa=""><!----><span
                data-v-53027a10="" class="btn-content">取消</span></a></div>
          </div>
        </div>
      </div>
      <div class="modal-container" style="display: none;">
        <div class="modal-mask"></div>
        <div class="modal-wrapper">
          <div class="modal">
            <div class="modal-header"><i class="modal-header-close iconfont icon-ic_close"></i>
              <div class="modal-title">

              </div>
            </div>
            <div class="modal-body">
              <div class="be-input be-input--append" count="true"><input type="input" rows="4" placeholder="最多输入16个字"
                                                                         maxlength="16" class="be-input_inner"><!---->
                <div class="be-input-word-counter">0/16</div><!----></div>
            </div>
            <div data-v-1ea3cefa="" class="btn-container modal-footer btn-center"><!----><a data-v-53027a10=""
                                                                                            class="btn primary"
                                                                                            data-v-1ea3cefa=""><!----><span
                data-v-53027a10="" class="btn-content">确定</span></a><a data-v-53027a10="" class="btn default"
                                                                       data-v-1ea3cefa=""><!----><span
                data-v-53027a10="" class="btn-content">取消</span></a></div>
          </div>
        </div>
      </div>
      <div class="modal-container edit-video-modal" style="display: none;">
        <div class="modal-mask"></div>
        <div class="modal-wrapper">
          <div class="modal">
            <div class="modal-header"><i class="modal-header-close iconfont icon-ic_close"></i>
              <div class="modal-title"><p class="edit-video-title">你正在移动0个up主</p></div>
            </div>
            <div class="modal-body">
              <div class="be-scrollbar target-followlist ps">
                <ul class="target-followlist-container">
                  <li class="target-followitem clearfix"><span class="follow-select"><i
                      class="icon icon-follow-watched"></i></span>
                    <div title="特别关注" class="target-follow-name"><span>特别关注</span>
                      <p class="target-follow-notice">第一时间收到该分组下用户更新稿件的通知</p></div>
                  </li>
                  <li class="target-followitem clearfix" style="display: none;"><span class="follow-select"><i
                      class="icon icon-follow-watched"></i></span>
                    <div title="默认分组" class="target-follow-name"><span>默认分组</span><!----></div>
                  </li>
                </ul>
                <div class="ps__rail-x" style="left: 0px; bottom: 0px;">
                  <div class="ps__thumb-x" tabindex="0" style="left: 0px; width: 0px;"></div>
                </div>
                <div class="ps__rail-y" style="top: 0px; right: 0px;">
                  <div class="ps__thumb-y" tabindex="0" style="top: 0px; height: 0px;"></div>
                </div>
              </div>
            </div>
            <div data-v-1ea3cefa="" class="btn-container modal-footer btn-center"><!----><a data-v-53027a10=""
                                                                                            class="btn primary"
                                                                                            data-v-1ea3cefa=""><!----><span
                data-v-53027a10="" class="btn-content">确定</span></a><!----></div>
          </div>
        </div>
      </div>
      <div class="modal-container prohibit-modal" style="display: none;">
        <div class="modal-mask"></div>
        <div class="modal-wrapper">
          <div class="modal">
            <div class="modal-header"><i class="modal-header-close iconfont icon-ic_close"></i>
              <div class="modal-title">
                系统限制只能访问前五页
              </div>
            </div>
            <div class="modal-body">
              <div class="not-allow"></div>
            </div>
            <div data-v-1ea3cefa="" class="btn-container modal-footer btn-center"><!----><a data-v-53027a10=""
                                                                                            class="btn primary"
                                                                                            data-v-1ea3cefa=""><!----><span
                data-v-53027a10="" class="btn-content">确定</span></a><!----></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup>

</script>

<style scoped>

.col-full {
  background: #fff;
  border-radius: 4px;
  padding: 20px
}

.section:last-child {
  border-bottom: none;
  margin-bottom: 0
}

.list-item {
  border-bottom: 1px solid #eee;
  display: block;
  padding: 20px 0;
  position: relative;
  line-height: 1
}

.list-item:last-child {
  border-bottom: none
}

.list-item .title {
  font-size: 18px;
  height: 20px;
  margin-bottom: 10px;
  display: inline-block;
  max-width: 680px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.list-item .desc {
  color: #777;
  line-height: 20px;
  overflow: hidden
}


.be-input {
  position: relative;
  color: #222;
  font-size: 14px;
  border-radius: 4px
}

.be-input--append .be-input_inner {
  padding: 0 60px 0 5px
}

.be-input_inner {
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 50px 0 5px;
  border-radius: 4px;
  border: 1px solid #ccd0d7;
  outline: none;
  box-sizing: border-box;
  transition: all .3s ease
}

.be-input_inner:focus {
  border-color: #00a1d6
}

.be-input-word-counter {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 30px;
  min-width: 40px;
  padding: 0 10px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  color: #99a2aa;
  border-radius: 4px
}

.modal-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 20000
}

.modal-wrapper {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 300px;
  margin: 0 auto;
  word-break: break-all;
  line-height: 22px;
  z-index: 1011;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
  border-radius: 4px;
  transition: box-shadow .2s linear
}

.modal-wrapper .modal-header {
  position: relative;
  font: 12px/1.11 Microsoft Yahei, Tahoma, Arial, Helvetica, STHeiti
}

.modal-wrapper .modal-title {
  display: block;
  font-size: 16px;
  line-height: 48px;
  padding: 0 20px;
  border-bottom: 1px solid #ddd
}

.modal-wrapper .modal-header-close {
  position: absolute;
  text-decoration: none;
  top: 13px;
  right: 12px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  font-size: 16px;
  text-align: center
}

.modal-wrapper .modal-header-close:hover {
  color: #00a1d6
}

.modal-wrapper .modal-body {
  padding: 30px 60px;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  min-width: 9em
}

.modal-wrapper .modal-footer {
  padding: 0 0 30px;
  text-align: center
}

.modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1010;
  background-color: rgba(0, 0, 0, .5)
}

.up-cover-components {
  width: 60px;
  height: 60px;
  position: absolute
}

.up-cover-components img {
  width: 60px !important;
  height: 60px !important
}

.btn[data-v-53027a10] {
  display: inline-block;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  padding: 0 10px;
  margin-right: 20px;
  line-height: 30px;
  min-width: 70px;
  transition: all .2s ease;
  font-size: 0;
  color: #666;
  text-align: center;
  vertical-align: middle;
  outline: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box
}

.btn[data-v-53027a10]:last-of-type {
  margin-right: 0
}

.btn.default[data-v-53027a10] {
  color: #666;
  background-color: #fff;
  border-color: #d9d9d9
}

.btn.primary[data-v-53027a10] {
  color: #fff;
  background-color: #00a1d6;
  border-color: #00a1d6
}

.btn.primary[data-v-53027a10]:focus, .btn.primary[data-v-53027a10]:hover {
  background-color: #00b5e5;
  color: #fff;
  border-color: #00b5e5
}

.btn[data-v-53027a10]:focus, .btn[data-v-53027a10]:hover {
  color: #00a1d6;
  background-color: #fff;
  border-color: #00a1d6
}

.btn-content[data-v-53027a10] {
  font-size: 12px;
  vertical-align: top
}

.btn-content[data-v-53027a10]:hover {
  color: inherit;
  background-color: inherit
}

.btn-container[data-v-1ea3cefa] {
  font-size: 0;
  white-space: nowrap
}

.btn-container.btn-center[data-v-1ea3cefa] {
  text-align: center
}

.btn-container .btn[data-v-1ea3cefa]:last-of-type {
  margin-right: 0
}

.be-pager {
  margin: 15px 0;
  text-align: center
}

.be-pager:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden
}

.be-pager-item {
  display: inline-block;
  line-height: 38px;
  padding: 0 15px;
  margin-right: 4px;
  text-align: center;
  list-style: none;
  background-color: #fff;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  font-family: Arial;
  font-size: 14px;
  border: 1px solid #d7dde4;
  border-radius: 4px;
  transition: all .2s ease-in-out
}

.be-pager-item a {
  text-decoration: none;
  color: #657180
}

.be-pager-item:hover {
  border-color: #00a1d6
}

.be-pager-item:hover a {
  color: #00a1d6
}

.be-pager-item-active {
  background-color: #00a1d6;
  border-color: #00a1d6
}

.be-pager-item-active:hover a, .be-pager-item-active a {
  color: #fff
}

.be-pager-item-jump-next {
  padding: 0 5px
}

.be-pager-item-jump-next:after {
  content: "\2022\2022\2022";
  display: block;
  letter-spacing: 1px;
  color: #ccc;
  text-align: center
}

.be-pager-prev {
  margin-right: 8px
}

.be-pager-item-jump-next {
  margin-right: 4px
}

.be-pager-next {
  margin-left: 4px
}

.be-pager-item-jump-next, .be-pager-next, .be-pager-prev {
  display: inline-block;
  font-size: 14px;
  line-height: 38px;
  list-style: none;
  text-align: center;
  cursor: pointer;
  color: #666;
  font-family: Arial;
  transition: all .2s ease-in-out
}

.be-pager-next, .be-pager-prev {
  padding: 0 14px;
  border: 1px solid #d7dde4;
  border-radius: 4px;
  background-color: #fff
}

.be-pager-next a, .be-pager-prev a {
  color: #666;
  font-size: 14px
}

.be-pager-next:hover, .be-pager-prev:hover {
  border-color: #00a1d6
}

.be-pager-next:hover a, .be-pager-prev:hover a {
  color: #00a1d6
}

.be-pager-disabled {
  display: none
}

.be-pager-options-elevator {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  color: #99a2aa
}

.be-pager-options-elevator input {
  border-radius: 4px;
  margin: 0 8px;
  width: 50px
}

.be-pager-total {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  margin-left: 30px;
  color: #99a2aa
}

.be-dropdown {
  position: relative;
  display: inline-block;
  cursor: pointer
}

.be-dropdown-trigger {
  width: 24px;
  height: 24px;
  margin: auto;
  text-align: center
}

.be-dropdown-trigger .icon-ic_more {
  display: block;
  line-height: 24px;
  color: #222;
  font-size: 24px;
  color: #999
}

.be-dropdown-item {
  height: 40px;
  padding: 0 20px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #222;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background-color .2s ease;
  cursor: pointer
}

.be-dropdown-item:hover {
  color: #00a1d6;
  background-color: #e5e9ef
}

.be-dropdown-menu {
  position: fixed;
  top: 40px;
  z-index: 10;
  padding: 6px 0;
  background-color: #fff;
  border: 1px solid #e5e9ef;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .14)
}

.col-full {
  background: #fff;
  box-shadow: 0 0 0 1px #eee;
  border-radius: 4px;
  padding: 20px
}

.section {
  border-bottom: 1px solid #eee;
  margin-bottom: 17px;
  position: relative
}

.section:last-child {
  border-bottom: none;
  margin-bottom: 0
}

.list-item {
  border-bottom: 1px solid #eee;
  display: block;
  padding: 20px 0;
  position: relative;
  line-height: 1
}

.list-item:last-child {
  border-bottom: none
}

.list-item .title {
  font-size: 18px;
  height: 20px;
  margin-bottom: 10px;
  display: inline-block;
  max-width: 680px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.list-item .desc {
  color: #777;
  line-height: 20px;
  overflow: hidden
}

.be-input {
  position: relative;
  color: #222;
  font-size: 14px;
  border-radius: 4px
}

.be-input--append .be-input_inner {
  padding: 0 60px 0 5px
}

.be-input_inner {
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 50px 0 5px;
  border-radius: 4px;
  border: 1px solid #ccd0d7;
  outline: none;
  box-sizing: border-box;
  transition: all .3s ease
}

.be-input_inner:focus {
  border-color: #00a1d6
}

.be-input-word-counter {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 30px;
  min-width: 40px;
  padding: 0 10px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  color: #99a2aa;
  border-radius: 4px
}

.modal-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 20000
}

.modal-wrapper {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 300px;
  margin: 0 auto;
  word-break: break-all;
  line-height: 22px;
  z-index: 1011;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
  border-radius: 4px;
  transition: box-shadow .2s linear
}

.modal-wrapper .modal-header {
  position: relative;
  font: 12px/1.11 Microsoft Yahei, Tahoma, Arial, Helvetica, STHeiti
}

.modal-wrapper .modal-title {
  display: block;
  font-size: 16px;
  line-height: 48px;
  padding: 0 20px;
  border-bottom: 1px solid #ddd
}

.modal-wrapper .modal-header-close {
  position: absolute;
  text-decoration: none;
  top: 13px;
  right: 12px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  font-size: 16px;
  text-align: center
}

.modal-wrapper .modal-header-close:hover {
  color: #00a1d6
}

.modal-wrapper .modal-body {
  padding: 30px 60px;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  min-width: 9em
}

.modal-wrapper .modal-footer {
  padding: 0 0 30px;
  text-align: center
}

.modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1010;
  background-color: rgba(0, 0, 0, .5)
}

.up-cover-components {
  width: 60px;
  height: 60px;
  position: absolute
}

.up-cover-components img {
  width: 60px !important;
  height: 60px !important
}

.btn {
  display: inline-block;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  padding: 0 10px;
  margin-right: 20px;
  line-height: 30px;
  min-width: 70px;
  transition: all .2s ease;
  font-size: 0;
  color: #666;
  text-align: center;
  vertical-align: middle;
  outline: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box
}

.btn[data-v-53027a10]:last-of-type {
  margin-right: 0
}

.btn.default[data-v-53027a10] {
  color: #666;
  background-color: #fff;
  border-color: #d9d9d9
}

.btn.primary[data-v-53027a10] {
  color: #fff;
  background-color: #00a1d6;
  border-color: #00a1d6
}

.btn.primary[data-v-53027a10]:focus, .btn.primary[data-v-53027a10]:hover {
  background-color: #00b5e5;
  color: #fff;
  border-color: #00b5e5
}

.btn[data-v-53027a10]:focus, .btn[data-v-53027a10]:hover {
  color: #00a1d6;
  background-color: #fff;
  border-color: #00a1d6
}

.btn-content[data-v-53027a10] {
  font-size: 12px;
  vertical-align: top
}

.btn-content[data-v-53027a10]:hover {
  color: inherit;
  background-color: inherit
}

.btn-container[data-v-1ea3cefa] {
  font-size: 0;
  white-space: nowrap
}

.btn-container.btn-center[data-v-1ea3cefa] {
  text-align: center
}

.btn-container .btn[data-v-1ea3cefa]:last-of-type {
  margin-right: 0
}

.be-dropdown {
  position: relative;
  display: inline-block;
  cursor: pointer
}

.be-dropdown-trigger {
  width: 24px;
  height: 24px;
  margin: auto;
  text-align: center
}

.be-dropdown-trigger .icon-ic_more {
  display: block;
  line-height: 24px;
  color: #222;
  font-size: 24px;
  color: #999
}

.be-dropdown-item {
  height: 40px;
  padding: 0 20px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #222;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background-color .2s ease;
  cursor: pointer
}

.be-dropdown-item:hover {
  color: #00a1d6;
  background-color: #e5e9ef
}

.be-dropdown-menu {
  position: fixed;
  top: 40px;
  z-index: 10;
  padding: 6px 0;
  background-color: #fff;
  border: 1px solid #e5e9ef;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .14)
}

#page-follows .col-full {
  padding: 0
}

#page-follows .follow-main {
  position: relative;
  min-height: 600px;
}

#page-follows .follow-main .relation-list {
  padding: 0 20px 20px
}

#page-follows .follow-select {
  width: 24px;
  height: 24px;
  margin-top: 20px;
  float: left;
  cursor: pointer
}

#page-follows .follow-select .icon-follow-watched {
  width: 24px;
  height: 24px;
  background-position: -468px -980px
}

#page-follows .list-item:last-child {
  border-bottom: 1px solid #eee
}

#page-follows .list-item .content {
  padding: 0 200px 0 0;
  position: relative;
  margin-left: 88px;
  margin-top: 10px
}

#page-follows .list-item .title {
  font-size: 16px;
  line-height: 19px
}

#page-follows .list-item .desc {
  color: #6d757a;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  padding-right: 10px
}

#page-follows .modal-container.prohibit-modal .modal-wrapper {
  width: 460px
}

#page-follows .modal-container.blacklist-modal .modal-wrapper {
  width: 340px
}

#page-follows .modal-container.edit-video-modal .modal-wrapper {
  width: 420px
}

#page-follows .modal-container.edit-video-modal .edit-video-title {
  text-align: center
}

#page-follows .modal-container.edit-video-modal .modal-body {
  position: relative;
  padding: 14px 0 0;
  margin-bottom: 18px
}

#page-follows .modal-container.edit-video-modal .modal-body .target-followlist {
  position: relative;
  height: 300px;
  border-bottom: 1px solid #e5e9ef
}

#page-follows .modal-container.edit-video-modal .modal-body .target-followlist-container {
  margin: 0 36px
}

#page-follows .modal-container.edit-video-modal .target-followitem {
  color: #222;
  line-height: 24px;
  margin: 12px 0;
  cursor: pointer
}

#page-follows .modal-container.edit-video-modal .target-followitem:hover {
  color: #00a1d6
}

#page-follows .modal-container.edit-video-modal .follow-select {
  width: 18px;
  height: 18px;
  margin-top: 0
}

#page-follows .modal-container.edit-video-modal .follow-select .icon-follow-watched {
  width: 18px;
  height: 18px;
  background-position: -471px -919px
}

#page-follows .modal-container.edit-video-modal .target-follow-name {
  float: left;
  width: 280px;
  margin-left: 18px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

#page-follows .modal-container.edit-video-modal .target-follow-name .target-follow-notice {
  font-size: 12px;
  color: #999;
  line-height: 15px
}

#page-follows .modal-container.edit-video-modal .btn-content {
  margin: 10px 66px
}

#page-follows .modal-container .content-text {
  color: #222;
  font-size: 14px
}

#page-follows .modal-container .content-tip {
  margin-top: 5px;
  color: #99a2aa;
  font-size: 12px
}

.fans-action {
  position: absolute;
  right: 0;
  top: 9px
}

.fans-action-btn {
  float: left;
  display: block;
  line-height: 22px;
  margin-left: 15px;
  font-size: 0;
  color: #6d757a;
  text-align: center;
  vertical-align: middle;
  cursor: pointer
}

.fans-action-btn:hover {
  color: #00a1d6
}

.fans-action-btn.follow {
  border: 1px solid #ccd0d7;
  border-radius: 4px;
  width: 74px
}

.fans-action-btn.follow:hover {
  border-color: #00a1d6
}

.fans-action-text {
  line-height: 16px;
  font-size: 12px;
  vertical-align: middle
}

.cover-container {
  position: absolute;
  width: 60px;
  height: 60px
}
</style>